// 学习部分：
// 1.this.setData({})实现数据更新
// 2. 获取按键的值e.currentTarget.dataset.keyword
// 3.一般定义为let类型
// 4.方法调用方法：方法前加this  this.handleSearch();
//  5.实例化对象直接用e，将e串进去
// // 6.  wx.navigateTo({url: '/pages/search/search',})
import {
  post
} from "../../utils/http"
Page({

  /**
   * 页面的初始数据
   */
  data: {
    keyword: "", //输入框输入的内容
    dataList: [], //搜索结果
    showHistory: true,
    historylist: wx.getStorageSync('historylist') || [],
  },
  //当属输入框的额数据发生改变，就会触发
  inputChange(e) {
    this.setData({
      keyword: e.detail.value
    })

  },


  //点击搜索按钮触发
  async handleSearch() {
    //实现历史记录的保存
    //先从localstorage中获取历史记录
    let historylist = wx.getStorageSync('historylist') || [];
    historylist.push(this.data.keyword);
    //由于历史记录不需要重复的数据
    let list = [...new Set(historylist)]
    wx.setStorageSync('historylist', list)
    //隐藏历史记录
    this.setData({
      showHistory: false,
      historylist: list
    })
    wx.showLoading()
    //接口传入keyword参数
    let res = await post("/index.php/trade/get_search_list", {
      keyword: this.data.keyword
    })
    console.log("res", res)
    //更新数据，this.setData（{变量：...}）
    this.setData({
      dataList: res.data

    })
    wx.hideLoading()
  },


  searchByHistory(e) {
    let keyword = e.currentTarget.dataset.keyword;
    this.setData({
      keyword: keyword
    })
    this.handleSearch();

  },
  goDetail(e){
   let id= e.currentTarget.dataset.id;
    wx.navigateTo({
      url:'/pages/detail/detail?id='+id,
    })

  },
  clear(){

    wx.removeStorage({
      key: 'historylist',
      success (res) {
        console.log(res)
      }
    })
    try {
      wx.removeStorageSync('key')
    } catch (e) {
      // Do something when catch error
    }
  },





  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {



    

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    
    wx.showNavigationBarLoading() //在标题栏中显示加载
    setTimeout(function () {
    wx.hideNavigationBarLoading() //完成停止加载
    wx.stopPullDownRefresh() //停止下拉刷新
     }, 500);

},
  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})